@charset "utf-8";
.imgDialog *{margin:0;padding:0;}
.imgDialog {display:none;position: fixed;width:100%;height:100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 99998;overflow: hidden;
	-webkit-animation: fadeIn 0.2s ;
    animation: fadeIn 0.2s ;}
.imgDialog .overlay {width: 100%;height: 100%;background-color: #000;opacity: .8;filter: alpha(opacity=80);}
.imgDialog .box {position: absolute;top: 2%;bottom: 90px;left: 0;right: 0;margin-bottom: 2px;text-align: center;}
.imgDialog .box .imgCont {height: 100%;width: 100%;position: absolute;top:0;left:0;z-index:1;}
.imgDialog .box .imgCont img{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;max-height: 100%;height:auto;max-width: 100%;width: auto !important;box-shadow: 0px 5px 5px #222;}
.imgDialog .box .imgCont img{*position:relative;}
.imgDialog .box .loading {position: absolute;width: 50px;height: 50px;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;background-image: url(../images/loading.gif);z-index:2;}
.imgDialog .box .prev span,
.imgDialog .box .next span,
.imgDialog .close{background-image: url(../images/icons.png);background-image: -webkit-image-set(url(../images/icons.png) 1x,url(../images/icons@2x.png) 2x); background-repeat: no-repeat;display: inline-block;}
.imgDialog .box .prev {position: absolute;top: 0;left: 0;height: 100%;width: 50%;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index:2;}
.imgDialog .box .prev span {width: 37px;height: 72px;background-position: -5px -49px;color: #fff;position: absolute;top: 50%;left: 50px;margin-top: -36px;}
.imgDialog .box .prev.disable span {opacity: .5;filter: alpha(opacity=50);}
.imgDialog .box .next {position: absolute;top: 0;right: 0;height: 100%;width: 50%;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index:2;}
.imgDialog .box .next span {width: 37px;height: 72px;background-position: -5px -131px;color: #fff;position: absolute;top: 50%;right: 50px;margin-top: -36px;}
.imgDialog .box .next.disable span {opacity: .5;filter: alpha(opacity=50);}
.imgDialog .close {position: absolute;right: 60px;top: 40px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;width: 34px;height: 34px;background-position: -5px -5px;z-index:2;}
.imgDialog .slide {position: absolute;left: 0;right: 0;bottom:0;}
.imgDialog .slide .desc {font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;}
.imgDialog .slide .thumbs{display:block;margin:0 auto;overflow: hidden;}
.imgDialog .slide ul {margin-bottom: 14px;overflow: hidden;white-space: nowrap;font-size: 0;text-align: center;}
.imgDialog .slide ul li {display: inline-block;width: 48px;height: 36px;margin-left: 10px;background-color: #000000;cursor: pointer;}
.imgDialog .slide ul li {*display:inline;}
.imgDialog .slide ul li:first-child {margin-left: 0;}
.imgDialog .slide ul li img {width: 100%;height: 100%;opacity: .6;filter: alpha(opacity=60);}
.imgDialog .slide ul li img:hover {opacity: 1;filter: alpha(opacity=100);}
.imgDialog .slide ul li.selected img {opacity: 1;filter: alpha(opacity=100);}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
